.service-overview {
	background-color: var(--color-bg);
	display: flex;
	flex-direction: column;
	padding-bottom: 1rem;

	.title {
		font-size: var(--text-lg);
		color: var(--color-text-0);
		padding: 1.25rem 1.5rem 0 1.25rem;
		position: relative;
		z-index: 2;
	}
	.content {
		flex: 1;
		display: flex;
		align-items: center;
		margin-top: -0.5rem;
		.version {
			height: 100%;
			display: flex;
			align-items: center;
			padding: 0 3rem;
			justify-content: center;

			.img {
				height: 2.75rem;
				margin-right: 0.75rem;
			}

			.info {
				.name {
					text-align: center;
					font-size: var(--text-lg);
					color: var(--color-text-0);

					.time-icon {
						vertical-align: middle;
						margin-left: 0.5rem;
					}
				}

				.date {
					font-size: var(--text-sm);
					color: var(--color-text-2);
					text-align: center;
				}
			}
		}

		.cut-line {
			width: 1px;
			height: 6rem;
			border: none;
			background: var(--color-border-2);
		}

		.num-container {
			flex: 1;
			display: flex;
			justify-content: space-around;
		}
	}
}
